<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>会员中心</title>
    <link href="CSS/common.css" rel="stylesheet" type="text/css" />
    <link href="CSS/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class=”wrap”>
        <div class="centertop">
            <div class="icon">
                <a href="#"><img src="images/c_icon1.png" height="24px"></a>
                <a href="#"><img src="images/c_icon2.png" height="24px"></a>
            </div>
            <div class="info">
                <div class="img"><img src="images/personpic.jpg"></div>
                <div class="txtbox">
                    <div class="txt">Username</div>
                    <div class="txt"><a href="#">个人信息></a></div>
                </div>
                <!--删除下面的代码，观察info容器坍塌效果-->
                <div class="clear"></div>
            </div>
        </div><!--centertop结束-->
        <div class="centerlist">
            <ul>
                <li>
                    <a href="#">
                        <span>办信用卡 ></span>
                        <img src="images/c_icon3.png" height="24px">我的钱包
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>¥0.00 ></span>
                        <img src="images/c_icon4.png" height="24px">余额
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>0 ></span>
                        <img src="images/c_icon5.png" height="24px">抵用券
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>1 ></span>
                        <img src="images/c_icon6.png" height="24px">卡包
                    </a>
                </li>
            </ul>
        </div>
        <div class="centerlist">
            <ul>
                <li>
                    <a href="#">
                        <span>></span>
                        <img src="images/c_icon7.png" height="24px">好友去哪
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>></span>
                        <img src="images/c_icon8.png" height="24px">我的评价
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>></span>
                        <img src="images/c_icon9.png" height="24px">我的收藏
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>v3 ></span>
                        <img src="images/c_icon10.png" height="24px">会员中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/c_icon11.png" height="24px">积分商城
                        <span>0元礼已上线 ></span>
                    </a>
                </li>
            </ul>
        </div>

    </div>
    <!--wrap结束-->
</body>

</html>